.time-box {
  width: 100px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid var(--color-neutral-border);
  font-size: 14px;
  font-weight: 400;

  &_sidepanel {
    width: 100%;
  }

  &__input-time {
    border: none;
    padding: 0;
    outline: none;
    width: 100%;
    height: 100%;
    line-height: 22px;
    background: none;
    text-align: center;
  }

  &__displayed-time {
    width: 100%;
    height: 100%;
    line-height: 22px;
    text-align: center;

    span {
      color: var(--sand_400);
    }
  }
}
